<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
  $(".click").click(function(){
  $(".tip").fadeIn(200);
  });
  
  $(".tiptop a").click(function(){
  $(".tip").fadeOut(200);
});

  $(".sure").click(function(){
  $(".tip").fadeOut(100);
});

  $(".cancel").click(function(){
  $(".tip").fadeOut(100);
});

});
</script>


</head>


<body>

	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="#">首页</a></li>
    <li><a href="#">基础数据</a></li>
    <li><a href="#">物料管理</a></li>
    </ul>
    </div>
	
  
    <div class="rightinfo">
    
    <div class="tools">
    
    	<ul class="toolbar">
		 <li><span><img src="images/t04.png" /></span><a href="wl.xlsx"  target="_blank">模板文件参考</a></li>
       
        <li class="click"><span><img src="images/t01.png" /></span>导入文件</li>
        <li><span><img src="images/t02.png" /></span>修改</li>
        <li><span><img src="images/t03.png" /></span>删除</li>
        </ul>
        
        
    </div>
	
      <div>
		<ul class="seachform1">   
		<li><label>物料名称</label><input name="" type="text" class="scinput1" /></li>
		<li><input name="" type="button" class="scbtn" value="查询"/></li>   
		</ul>	
	</div>
	
    <table class="tablelist">
    	<thead>
    	<tr>
        <th><input name="" type="checkbox" value="" checked="checked"/></th>
       
        <th>料品编码</th>
        <th>料品名称</th>
        <th>规格型号</th>
        <th>规则编码</th>
		<th>规则名称</th>
		<th>条形码</th>
		<th>计量单位</th>
        <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr>
        <td><input name="" type="checkbox" value="" /></td>
        
        <td>800001</td>
        <td>主板</td>
        <td>超微x86-1</td>
        <td>pc800</td>
		<td>计算机主件</td>
		<td>bar1000883</td>
		<td>件</td>
        <td><a href="#" class="tablelink">查看明细</a>    </td>
        </tr> 
        
        <tr>
        <td><input name="" type="checkbox" value="" /></td>
       
        <td>800002</td>
        <td>内存</td>
        <td>超微x86-1</td>
        <td>pc801</td>
		<td>计算机配件</td>
		<td>bar1000882</td>
		<td>件</td>
        <td><a href="#" class="tablelink">查看明细</a>   </td>
        </tr> 
		

 <tr>
        <td><input name="" type="checkbox" value="" /></td>
       
        <td>800003</td>
        <td>二极管</td>
        <td>超微x86-1</td>
        <td>pc802</td>
		<td>计算机主件</td>
		<td>bar1000881</td>
		<td>件</td>
        <td><a href="#" class="tablelink">查看明细</a>   </td>
        </tr> 




		
        </tbody>
    </table>
    
   
    <div class="pagin">
    	<div class="message">共<i class="blue">8</i>条记录，当前显示第&nbsp;<i class="blue">2&nbsp;</i>页</div>
        <ul class="paginList">
        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
        <li class="paginItem"><a href="javascript:;">1</a></li>
        <li class="paginItem current"><a href="javascript:;">2</a></li>
        <li class="paginItem"><a href="javascript:;">3</a></li>
        <li class="paginItem"><a href="javascript:;">4</a></li>
        <li class="paginItem"><a href="javascript:;">5</a></li>
        <li class="paginItem more"><a href="javascript:;">...</a></li>
        <li class="paginItem"><a href="javascript:;">10</a></li>
        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
        </ul>
    </div>
    
    
    <div class="tip">
    	<div class="tiptop"><span>提示信息</span><a></a></div>
        
      <div class="tipinfo">
	    <div class="tipright">
        <p>导入的Excel文件的格式请参考模板文件</p>
       
        </div>
	  
        <div>
		
		<input name="" type="text"  class="dfinput" size="10" />
		<input type="file" placeholder="定义提示语..." class="textbox"/> 
		</div>
        
   
		
        </div>
        
        <div class="tipbtn">
        <input name="" type="button"  class="sure" value="确定" />&nbsp;
        <input name="" type="button"  class="cancel" value="取消" />
        </div>
    
    </div>
    
    
    
    
    </div>
    
    <script type="text/javascript">
	$('.tablelist tbody tr:odd').addClass('odd');
	</script>

</body>

</html>
